<template>
	<view class="wrap">
		<view class="search">
			<u-search v-model="keywords" @custom="handleSearch" @search="handleSearch"></u-search>
		</view>
		<scroll-view
			@scrolltolower="handleLoadMore"
			@refresherrefresh="handleRefresh"
			:refresher-triggered="scrollRefreshshTrigger"
			:refresher-enabled="true"
			:scroll-y="true"
			class="scroll-list">
        <u-divider>已经到底了</u-divider>
		</scroll-view>
	</view>
</template>
<script>

export default {
	data() {
		return {
			// 下拉刷新标识
			scrollRefreshshTrigger: false,
			keywords: ''
		}
	},
	onLoad() {

	},
	methods: {
		navTo(url) {
			uni.navigateTo({
				url: url
			})
		},
		handleSearch(value) {
			// this.$u.toast('搜索内容为：' + value)
		},
		handleRefresh () {
			this.scrollRefreshshTrigger = true
			this.handleSearch()
			setTimeout(() => {
				this.scrollRefreshshTrigger = false
			}, 1000)
		},
		handleLoadMore () {}
	}
};

</script>
<style lang="scss">
@import '../../../common/uni.css';
page {
	background-color: #f5f5f5;
}
.wrap .search{
	background: #ffffff;
}
.uni-title{
	font-size: 30rpx;
	color: #333333;
	padding: 10px;
	background: #fff;
	border-top:1px solid #ededed;
	margin-top: 20rpx;
}
.uni-media-list {
    padding: 15px 15px;

}
.uni-media-list-body {
    height: 42px;
	padding-left:20rpx;
}
.uni-media-list-text-top{
	height: 40rpx;
    overflow: hidden;
	width: 100%;
	line-height: 40rpx;
	font-size: 32rpx;
	display: flex;
	justify-content: space-between;
}

.uni-media-list-text-bottom {
    width: 100%;
    line-height: 24rpx;
    font-size: 26rpx;
	color: #666666;
	span{
		margin-right: 10rpx;
	}
}


</style>
